<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/1.css">
    <style>
        /* ol li {
            color: pink;
        } */
        /* .hobby li {
            color: pink;
         } */
         /* li a {
            color: pink;
         } */
        h1 {
            text-align: left;
            text-decoration: overline;
        }
        h2 {
            text-align: center;
            text-decoration: line-through;
        }
        h3 {
            text-align: right;
        }
        p {
            text-indent: 2em;
            text-decoration: underline;
            line-height: 20;
        }
    </style>
</head>
<body>
    <!-- <p class="pink">hello css</p>
    <p class="green">hello html</p>
    <p class="blue big">hello JavaScript</p> -->
    <!-- <h1>选择</h1>
    <p id="fe">前端开发</p>
    <p id="server">后端开发</p>
    <p>测试开发</p> -->
    <!-- <ul>input
        <li>eat</li>
        <li>play</li>
        <li>sleep</li>
    </ul>
    <ol class="hobby">
        <li>eat</li>
        <li><a href="#">play</a></li>
        <li>sleep</li>
    </ol> -->
    <!-- <a href="#">不跳转</a> <br>
    <input type="button" value="按钮"> -->
    <!-- <div>hello world</div>
    <p>hello html</p> -->

    <h1>靠左</h1>
    <h2>居中</h2>
    <h3>靠右</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo atque, fugit laudantium dolor omnis sequi sapiente soluta. Cum et inventore, maxime consectetur provident officiis accusantium reprehenderit, nobis rerum quia ut.</p>
    <a href="#" style="text-decoration: none;">不跳转</a>
</body>
</html>